/* 基础样式 */
@tailwind base;
/* 组件样式 */
@tailwind components;
/* 功能类样式 */
@tailwind utilities;

/* 如果想要自己新增相关样式，可以使用tailwind自带的指令把相关的样式添加到指定位置。 */
/* 这里先增加几个常用的flex布局 */
@layer utilities {
  .flex-sb {
    @apply flex justify-between items-center;
  }
  .flex-sa {
    @apply flex justify-around items-center;
  }
  .flex-ct {
    @apply flex justify-center items-center;
  }
  .flex-fs {
    @apply flex justify-start items-center;
  }
}
